
<!DOCTYPE html>
<html>
  <head>
		<title>选择委托方式</title>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link href="../jsp/css/weituoWay.css" rel="stylesheet">
		<!-- 插件样式 -->
		<link rel="stylesheet" type="text/css" href="./css/sm.css">

		<!-- 插件js -->
		<script type="text/javascript" src="../js/jquery-2.1.1.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="./js/zepto.js"></script>
		<script src="./js/sm.min.js" ></script>
		<script type="text/javascript" src="../js/common.js"></script>
  </head>
  
  <body style="background: #fff;">
		<div class="weituo_way--box">
			<h3 class="h_h3">选择委托方式</h3>

			<div class="inp_radio--list">
				<div class="radio_line">
					<label>
						<input type="radio" name="way"  value="0" />
						 精装空房托管合作模式
					</label>
					<span class="see_desc">查看说明</span>
				</div>
				<div class="radio_line">
					<label>
						<input type="radio" name="way" value="1" />
						 购置蓝居家居套餐托管合作模式
					</label>
					<span class="see_desc">查看说明</span>
				</div>
				<div class="radio_line">
					<label>
						<input type="radio" name="way" value="2" />
						 已配置家具家电托管合作模式
					</label>
					<span class="see_desc">查看说明</span>
				</div>
			</div>

			<button id="commitWay" class="commit_way--btn" disabled>提交委托方式</button>
		</div>

		<!-- 提交成功提示 -->
		<div class="commit_success" id="commitSuccess">
			<div class="finsh_text">
				<span class="gou"></span>
				<span class="txt">提交成功！<em>蓝居管家会在24小时内联系您！</em></span>
			</div>
			<a href="javaScript:sureBtn()" class="to_page" id="sureBtn">确定</a>
		</div>

		<!-- 查看说明弹窗 -->
		<div class="desc_popup">
			<div class="popup_header">
				<span class="head--title" id="popTitle"></span>
				<span class="pop--close">关闭</span>
			</div>
			<div class="popup_detail">
				<div id="popDetail">
					<!-- 委托说明内容 -->
				</div>
			</div>
		</div>

	</body>
</html>

<script type="text/javascript">
	window.$$=window.Zepto = Zepto;
	var houseId = $.getUrlParam("houseId");
	$(function(){
		var _selectVal = 0;  // 已选择的委托模式
		
		// 显示查看说明弹窗，并把对应委托的内容显示在弹窗上
		$(".radio_line").on("click", '.see_desc', function(){
			var _this = $(this);
			var _val = _this.siblings("label").find("input").val();
			var popTitle = [
				'精装空房托管合作模式',
				'购置蓝居家居套餐托管合作模式',
				'已配置家具家电托管合作模式'
			];
			var popDetail = [
				'<p class="p1">A.合作模式：</p><p class="p2">您只需与蓝居洽谈双方认同的合作价，将空房委托给蓝居，蓝居会进行房屋的装修装饰同时配齐家具家电，蓝居为了找到更好更加稳定的住户，会根据租客的要求个性定制房屋装修风格，保证我们房屋的安全性。</p><br /><p class="p1">B.收益分成：</p><p class="p2">蓝居与您洽谈双方认同的合作价，每个月支付您稳定的租金。</p><br /><p class="p1">C.服务保障：</p><p class="p2"><b>维修服务：</b>新交付的房屋蓝居提供专业验房，协同跟进维修问题，对于委托期间非房屋本身原因导致的维修问题，蓝居直接跟进处理，对于委托期间房屋本身原因导致的维修问题，蓝居会联系相关人员进行处理，且告知房东维修情况。</p><p class="p2"><b>资产查验：</b>管家一月一次、保洁每月2-4次入户查验房屋使用情况，为业主提供查验报告；</p><p class="p2"><b>付款保障：</b>每个月起租日起5个工作日内付租金。</p><p class="p2"><b>租务代理：</b>天然气报装，水电缴纳，宽带/有线电视报装，包办找租客、换租客、收房租、手续代办等事宜，让业主无忧省心。</p><p class="p2"><b>房屋保障：</b>蓝居为房屋进行出租备案以及保险购置，确定房屋的安全性。</p><p class="p2"><b>住户审核：</b>蓝居对住户进行资质审查，提供入住指南，通过保洁进行实时查看，确保房屋及住户的安全性。</p><br /><p class="p1">D.空置期：</p><p class="p2">蓝居为您的房屋进行专业的装修设计，环保施工，除甲醛，全程监理，找租客，首年需要45-60天空置期，次年起每一年需要20-25天空置期。空置期间房屋不收取租金以及物业管理费。</p>',

				'<p class="p1">A.合作模式：</p><p class="p2">蓝居会为您房屋定位附近出租群体需求风格以及结合房东意愿，进行房屋全屋搭配，包括房屋的家具家电，窗帘灯饰，饰品装饰等一站式设计安装服务。我们会根据您的要求提供现代简约、欧式美式、北欧轻奢、中式英式以及地中海等风格。</p><br /><p class="p1">B.家居费用：</p><p class="p2">蓝居利用本身资源获取工厂渠道，所有的产品价格廉宜、质量保障，而且都是全新家居，蓝居一站式采购安装，您只需线上对接蓝居设计师，无需您亲临现场以及花费精力去购置家居家电，为您省时省心。同时您需支付7成家居费用（蓝居支付3成家居费用）即可通过公众号查询家里实时情况以及装修效果。</p><br /><p class="p1">C.收益分成：</p><p class="p2">蓝居与您共同承担托管期间的收益与风险，您只需通过公众号即可获取租客的信息详情以及合同详情，您获取除空置期外的期间的7成收益，蓝居获取3成收益，您承担除空置期外的期间的7成风险，蓝居承担3成风险，期间不收钱服务费以及中介费，你我携手，共同进退，齐聚蓝居。</p><br /><p class="p1">D.服务保障：</p><p class="p2"><b>维修服务：</b>新交付的房屋蓝居提供专业验房，协同跟进维修问题，对于委托期间非房屋本身原因导致的维修问题，蓝居直接跟进处理，对于委托期间房屋本身原因导致的维修问题，蓝居会联系相关人员进行处理，且告知房东维修情况。</p><p class="p2"><b>资产查验：</b>管家一月一次、保洁每月2-4次入户查验房屋使用情况，为业主提供查验报告；</p><p class="p2"><b>付款保障：</b>每个月起租日起5个工作日内付租金。</p><p class="p2"><b>租务代理：</b>天然气报装，水电缴纳，宽带/有线电视报装，包办找租客、换租客、收房租、手续代办等事宜，让业主无忧省心。</p><p class="p2"><b>房屋保障：</b>蓝居为房屋进行出租备案以及保险购置，确定房屋的安全性。</p><p class="p2"><b>住户审核：</b>蓝居对住户进行资质审查，提供入住指南，通过保洁进行实时查看，确保房屋及住户的安全性。</p><br /><p class="p1">E.空置期：</p><p class="p2">蓝居为您的房屋进行专业的装修设计，环保施工，除甲醛，全程监理，找租客，首年需要45-60天空置期，次年起每一年需要15-20天空置期。空置期间房屋不收取租金以及物业管理费。</p>',

				'<p class="p1">A.合作模式：</p><p class="p2">蓝居根据您的户型收取相应的管理服务费，无需中介费。</p><br /><p class="p1">B.服务保障：</p><p class="p2"><b>维修服务：</b>新交付的房屋蓝居提供专业验房，协同跟进维修问题，对于委托期间非房屋本身原因导致的维修问题，蓝居直接跟进处理，对于委托期间房屋本身原因导致的维修问题，蓝居会联系相关人员进行处理，且告知房东维修情况。</p><p class="p2"><b>资产查验：</b>管家一月一次、保洁每月2-4次入户查验房屋使用情况，为业主提供查验报告；</p><p class="p2"><b>付款保障：</b>每个月起租日起5个工作日内付租金。</p><p class="p2"><b>租务代理：</b>天然气报装，水电缴纳，宽带/有线电视报装，包办找租客、换租客、收房租、手续代办等事宜，让业主无忧省心。</p><p class="p2"><b>房屋保障：</b>蓝居为房屋进行出租备案以及保险购置，确定房屋的安全性。</p><p class="p2"><b>住户审核：</b>蓝居对住户进行资质审查，提供入住指南，通过保洁进行实时查看，确保房屋及住户的安全性。</p><p class="p2">度保洁（每月对公共区域的保洁）；</p><p class="p2">退租保洁（退租时对退租房间的保洁）。</p>'
			]
			
			$(".desc_popup").addClass("show_pop");
			$("#popTitle").text(popTitle[_val]);
			$("#popDetail").html(popDetail[_val]);
			
		});

		// 隐藏查看说明弹窗
		$(".popup_header").on("click", '.pop--close', function(){
			$(".desc_popup").removeClass("show_pop");
		});

		// 选择委托模式之后，保存所选择的值，把按钮改成可点击并高亮
		$(".radio_line").on("change", "input", function(){
			_selectVal = $(this).val()
			$("#commitWay").attr("disabled", false).css("background", "#0894ec");
		});

		// 点击提交委托方式按钮
		$("#commitWay").on("click", function(){
			console.log('_selectVal1:', _selectVal)
		$.ajax({
			type : "POST",
			dataType : 'json',
			url : "../houseEntrust/updateEntrustType",
			data : {
				"houseId": houseId,
				"entrustType": _selectVal
			},
			success : function(data) {
				$$.hidePreloader();
				if(data.success){
					$("#commitSuccess").show().siblings(".weituo_way--box").hide();
				}
				
			},
			error: function(){
				$$.hidePreloader();
			}
		});
			
		});


	});
 function sureBtn(){
	window.location.href="./home.html";
 }
</script>
